#{extends 'Commodities/frame.html' /}

<script language="javascript">
	//把品牌专区设置为选中状态
	$(function(){
		$(".categorynav ul li").removeClass("active");
		$("#brands_item").addClass("active");
	});
</script>

<div class="navigationBar">
	<table>
		<tr>
			<td><img src="@{'/public/images/navigationHouse.gif'}"></td>
			<td><strong>当前位置：</strong></td>
			<td>
				<a href="/">首页</a>
				>>
				<a href="@{Brands.index}">品牌专区</a>
			</td>
		</tr>
	</table>
</div>

<div id="brand-list">
	<ul>
	#{list items:brands, as:'brand'}
		<li>
			<a href="@{Brands.index(brand.id)}" title="${brand.name}">
				#{if brand.image}
				<img src="@{Attachments.show(brand.image.id)}">
				#{/if}
				#{else}
				<img src="@{'public/images/favicon.png'}">
				#{/else}
			</a>
		</li>
	#{/list}
	</ul>
</div>

#{commodities items:commodities /}